<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" th:href="@{/lib/layui-v2.5.5/css/layui.css}" media="all">
		<link rel="stylesheet" th:href="@{/css/public.css}" media="all">
		<style>
			body {
            background-color: #ffffff;
        }
    </style>
	</head>
	<body>
		<form class="layui-form layuimini-form"   enctype="multipart/form-data"  id="imgForm">
			<blockquote class="layui-elem-quote">商品信息
				<div class="layui-form-item">
					<label class="layui-form-label">商品名字:</label>
					<div class="layui-input-block">
						<input type="hidden"  id="merchantId"  />
						<input type="text" placeholder="请填写商品名称" class="layui-input" lay-verify="required" id="name">
					</div>
				</div>
				
				<div class="layui-form-item">
					<label class="layui-form-label">图片</label>
					<div class="layui-input-block">
						
						<input type="file" name="img"  class="layui-input" lay-verify="required" id="img">
						<input type="hidden" name="imgId" id="imgId"  />
						
					</div>
				</div>

				
				<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">提交并退出</button>
				
			</blockquote>
		</form>



		<script th:src="@{/lib/layui-v2.5.5/layui.js}" charset="utf-8"></script>
		<script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
		<script src="../../../../../../../app-joylife/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			layui.use(['form'], function() {
				var form = layui.form,
					layer = layui.layer,
					$ = layui.$;
					
					
				var merchantId = "001";
				$("#merchantId").val(merchantId);
				

				//监听提交
				form.on('submit(saveBtn)', function(data) {
					$.ajax({
						url: '/pictureUpdate',
						type: "post",
						dataType: "json",
						cache: false,
						data: new FormData($("#imgForm")[0]) ,
						processData: false, // 不处理数据
						contentType: false, // 不设置内容类型
						success: function(res) {
// 							if (res.msg === '修改商品资料成功') {
// 								layer.msg(res.msg + res.count + '条记录', {
// 									icon: 1,
// 									time: 1000 //5秒关闭（如果不配置，默认是3秒）
// 								}, function() {
// 									 //var iframeIndex = parent.layer.getFrameIndex(window.name);
// 									 //parent.layer.close(iframeIndex);
// 									parent.document.location.reload();
// 								});
// 
// 							} else {
// 								layer.alert(res.msg);
// 							}
							layer.alert("修改图片成功"); 
						}
					});


					return false;
				});
			});
		</script>
	</body>
</html>
